<%@ page import="ar.com.binarit.util.DateUtil" %>

<script type="text/javascript">
	$(document).ready(function() {
		$('.busquedaitem').each(function(){
			$(this).bind('click', function(){
				buscarPago($(this).data('busqueda'), $(this).data('order'));
			});
		});
	});
</script>
<div id="divBusqueda">
	<div class="well">
	    <div class="dropdown">
	    	<a class="dropdown-toggle" id="dropOrdenarPor" role="button" data-toggle="dropdown" href="#">Ordenar por<b class="caret"></b></a>
 			<ul id="menuOrdenar" class="dropdown-menu" role="menu" aria-labelledby="drop4">
              <li role="presentation" class="busquedaitem" data-busqueda="fecha" data-order="asc"><a tabindex="-1">Fecha ascendente</a></li>
              <li role="presentation" class="busquedaitem" data-busqueda="fecha" data-order="desc"><a tabindex="-1">Fecha descendente</a></li>
<%--              <li role="presentation" class="busquedaitem" data-busqueda="precio" data-order="asc"><a tabindex="-1">Precio ascendente</a></li>--%>
<%--              <li role="presentation" class="busquedaitem" data-busqueda="precio" data-order="desc"><a tabindex="-1">Precio descendente</a></li>--%>
            </ul>
	    </div>
		<div class="text-right">Total de pagos encontrados: ${pagosBuscados.size() }</div>
	</div>
	
	<table class="table table-hover">
	 	<thead>
			<tr>
			<th>ID</th>
			<th>Usuario</th>
			<th>Viaje ID</th>
			<th>Tipo Pago</th>
			<th>Estado Pago</th>
			<th>Fecha</th>
			</tr>
		</thead>
		<tbody>
			<g:each in="${pagosBuscados}" var="pago">
				<tr>
					<td>
						<g:if test="${pago.puedePagarse()}">
							<a class="pagoItem" onclick="pagar('${pago.id}');">Pagar ${pago.id }</a>
						</g:if>
						<g:else>
							${pago.id }
						</g:else>
					</td>
					<td><a href="<g:createLink controller='perfil' action='index' id='${pago.usuario.id}'/>">
						${pago.usuario.nombre} ${pago.usuario.apellido}</a></td>
					<td><a href="<g:createLink controller='viajes' action='show' id='${pago.viaje.id }'/>">
						${pago.viaje.id }</a></td>
					<td>${pago.tipoPago }</td>
					<td>${pago.estadoPago }</td>
					<td>${DateUtil.toString(pago.fechaPago)}</td>
					<td>${pago.total }</td>
				</tr>
			</g:each>
		</tbody>
    </table>
</div>